<div class="input-group" tooltip="{{searchField.name}}">
  <div class="input-group-prepend w-25">
    <span class="input-group-text w-100 bg-white text-secondary overflow-hidden">
      <span>{{searchField.name}}</span>
    </span>
  </div>
  <input type="text" class="form-control border-left-0" [value]="searchField.val()" (keyup)="searchField.keyup($event)">
  <div class="input-group-append">
    <button class="btn btn-outline-secondary border-210 bg-white border-left-0" type="button">
      <fa-icon [icon]="searchField.icon"></fa-icon>
    </button>
  </div>
</div>